<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no,address=no,email=no"/>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>KAA电商管理后台_角色管理</title>
	<script type="text/javascript" src="${path}/js/jquery-2.1.1.min.js"></script>
	<script src="${path}/js/sidebar-menu.js"></script>
	<link href="${path}/css/login.css" rel="stylesheet" media="all">
</head>
<body class="main">
	<h1>KAA电商管理后台</h1>
	<jsp:include page="sidebarNav.jsp"></jsp:include><!-- main_sidebar -->

	<div class="main_con_wrap">
		<div class="main_con role_adm">
				<p class="outline_in"><input type="button" onclick="addRole()" value="新增角色" /></p>
				<table border="0" width="100%" align="center" id="roleadm_table" class="roleadm_table">
					<tr>
						<th>角色名称</th>
						<th>描述</th>
						<th>操作</th>
					</tr>
					<c:forEach items="${roleList}" var="items">
					<tr>
						<%--<td style="display:none;"><input type="checkbox" name="check[]"></td>--%>
						<td><span>${items.roleName}</span><input type="text" style="display:none;"></td>
						<td><span>${items.describe}</span><input type="text" style="display:none;"></td>
						<td class="last_td two_input">
						<%--<input class="edit_but" value="编辑" onclick="edit(this,'show')" type="button">--%>
						<input class="del_but" value="删除" onclick="del(${items.id})" type="button">
						</td>
					</tr>
					</c:forEach>
				</table>
			
			<div class="paging_wrap paging" onselectstart="return false" >
				<%--<td colspan="6" align="center" bgcolor="#5BA8DE">共${page.totalRecords}条
					记录 共${page.totalPages}页 当前第${page.pageNo}页<br>--%>
					<div class="otherBtns">
						<a class="onepage" value="首页"href="${path}/roleAdm?pageNo=${page.topPageNo }">首页</a>
						<c:choose>
							<c:when test="${page.pageNo!=1}">
								<a class="prevpage" value="上一页" name="previousPage" href="${path}/roleAdm?pageNo=${page.previousPageNo}"></a>
							</c:when>
							<c:otherwise>
								<a class="prevpage" value="上一页" name="previousPage"></a>
							</c:otherwise>
						</c:choose>
					</div>
					<div class="otherBtns">
						<c:choose>
							<c:when test="${page.pageNo != page.totalPages}">
								<a class="nextpage" value="下一页"  href="${path}/roleAdm?pageNo=${page.nextPageNo}"></a>
							</c:when>
							<c:otherwise>
								<a class="nextpage" value="下一页" ></a>
							</c:otherwise>
						</c:choose>
						<a value="尾页" href="${path}/roleAdm?pageNo=${page.bottomPageNo }">尾页</a>
					</div>
					<div class="jumpBtns" style="display:none;">
						<input class="jump_input" data="" type="text">
						<a class="jump_a" data="0">跳转</a>
					</div>
					<br><br>
					<td colspan="6" align="center" bgcolor="#5BA8DE">共${page.totalRecords}条
						记录 共${page.totalPages}页 当前第${page.pageNo}页<br>

			</div>
		</div><!-- main_con -->
	</div><!-- main_con_wrap -->
	<form name="form2" method="post"
		  action="${path}/personnelRoleAdd" id="form2"
		  class="form2">
	</form>
	<form name="form3" method="post"
		  action="${path}/deleteRole" id="form3"
		  class="form3">
		<input id="roleId" name="roleId" style="display: none">
	</form>
	<div class="footer_copyright">
		<p>苏州知行合一网络科技有限公司提供技术支持，版权所有</p>
	</div><!-- footer_copyright -->

<script>
	/////////////////////////侧边栏按钮
	$.sidebarMenu($('.sidebar-menu'))

    ///////////////////////// Table
		//Create TR
		function addRole() {
			document.getElementById("form2").submit();
        }

        function del(value) {
			$("#roleId").val(value)
			document.getElementById("form3").submit();
        }
</script>
</body>
</html>